<template>
	<view style="padding-bottom:50rpx;">
		<page-head :title="'到店验车'" :headtype="2"></page-head>
		<view class="cart flex marginAuto">
			<view class="carname">车辆信息</view>
			<view class="carInstructions flex" @click="instopenfun()">
				<view class="carInstructionstxt">说明</view>
				<uv-icon name="arrow-right" size="16" color="#1686F8"></uv-icon>
			</view>
		</view>
		<view class="carmsg marginAuto">
			<view class="careach flex">
				<view class="careach-title">车辆品牌</view>
				<view class="careach-r">
					<input class="rinput" type="text" v-model="brand" placeholder="请输入车子品牌和型号" />
				</view>
			</view>
			<!-- <view class="careach flex" @click="iscartype = true">
				<view class="careach-title">车型</view>
				<view class="careach-r flex" style="justify-content:flex-end;">
					<view class="rtxt" style="color:#999999;" v-if="acshapedata.length <= 0">选择车型</view>
					<view class="rtxt" style="color:#333;" v-if="acshapedata.length > 0">已选择</view>
					<uv-icon name="arrow-right" size="16" color="#999999"></uv-icon>
				</view>
			</view> -->
			<view class="careach flex">
				<view class="careach-title">车况类型</view>
				<view class="careach-r flex" style="justify-content:space-between;">
					<view class="carstatus flex" @click="condition = 1,acpckage={}">
						<uv-icon name="checkmark-circle-fill" size="22" :color="condition == 1 ? '#1686F8':'#E5E5E5'"></uv-icon>
						<view class="carstatustxt">新车</view>
					</view>
					<view class="carstatus flex" @click="condition = 2,acpckage={}">
						<uv-icon name="checkmark-circle-fill" size="22" :color="condition == 2 ? '#1686F8':'#E5E5E5'"></uv-icon>
						<view class="carstatustxt">二手车</view>
					</view>
				</view>
			</view>
			<view class="careach flex">
				<view class="careach-title">类型</view>
				<view class="careach-r flex" style="justify-content:space-between;width:60%;">
					<view class="carstatus flex" @click="type = 1">
						<uv-icon name="checkmark-circle-fill" size="22" :color="type == 1 ? '#1686F8':'#E5E5E5'"></uv-icon>
						<view class="carstatustxt">油车</view>
					</view>
					<view class="carstatus flex" @click="type = 2">
						<uv-icon name="checkmark-circle-fill" size="22" :color="type == 2 ? '#1686F8':'#E5E5E5'"></uv-icon>
						<view class="carstatustxt">电车</view>
					</view>
					<view class="carstatus flex" @click="type = 3">
						<uv-icon name="checkmark-circle-fill" size="22" :color="type == 3 ? '#1686F8':'#E5E5E5'"></uv-icon>
						<view class="carstatustxt">混动</view>
					</view>
				</view>
			</view>
			<view class="careach flex" @click="conditionfun()">
				<view class="careach-title">套餐</view>
				<view class="careach-r flex" style="justify-content:flex-end;">
					<view class="rtxt" style="color:#999999;" v-if="!acpckage.id">请选择套餐</view>
					<view class="rtxt" style="color:#333;" v-if="acpckage.id">{{ acpckage.name }}</view>
					<uv-icon name="arrow-right" size="16" color="#999999"></uv-icon>
				</view>
			</view>
			<!-- <view class="careach flex">
				<view class="careach-title">价格(元)</view>
				<view class="careach-r">
					<input class="rinput" type="text" v-model="price" placeholder="请输入发票价格" />
				</view>
			</view> -->
		</view>
		<view class="cart flex marginAuto">
			<view class="carname">联系信息</view>
		</view>
		<view class="carmsg marginAuto">
			<view class="careach flex">
				<view class="careach-title">姓名</view>
				<view class="careach-r">
					<input class="rinput" type="text" v-model="name" placeholder="请输入姓名" />
				</view>
			</view>
			<view class="careach flex">
				<view class="careach-title">电话</view>
				<view class="careach-r flex">
					<input class="rinput" type="text" maxlength="11" v-model="mobile" placeholder="请输入电话" />
					<uv-icon name="edit-pen" size="22" color="#1686F8"></uv-icon>
				</view>
			</view>
			<!-- $refs.cartime.open() -->
			<view class="careach flex" @click="opensetime()">
				<view class="careach-title">验车时间</view>
				<view class="careach-r flex" style="justify-content: flex-end;">
					<view class="rtxt" style="color:#999999;" v-if="!timevaltimeac">请选择时间</view>
					<view class="rtxt" style="color:#333;" v-if="timevaltimeac">{{ timevaltimeac }}</view>
					<uv-icon name="arrow-right" size="16" color="#999999"></uv-icon>
				</view>
			</view>
			<view class="careach flex" @click="openlocation">
				<view class="careach-title">验车地址</view>
				<view class="careach-r flex" style="justify-content: flex-end;">
					<view class="rtxt" style="color:#999999;" v-if="address == ''">请选择验车地址</view>
					<view class="rtxt" style="color:#333;" v-if="address != ''">已选择</view>
					<uv-icon name="arrow-right" size="16" color="#999999"></uv-icon>
				</view>
			</view>
			<view class="careach flex">
				<view class="raddress">
					<textarea class="raddresstext" placeholder="请输入详细地址" v-model="address"></textarea>
				</view>
			</view>
		</view>
		<view class="marginAuto" style="width:600rpx;margin-top:60rpx;">
			<uv-button text="提交" @click="enterorderfun()" :customStyle="{
				'background':'#1686F8',
				'color':'#ffffff',
				'font-size':'30rpx',
				'width':'600rpx',
				'height':'100rpx',
				'border-radius':'100rpx'
			}"></uv-button>
		</view>
		<!-- 说明 -->
		<uv-popup ref="inst" mode="center" round="19" bgColor="none">
			<image @click="$refs.inst.close()" :src="apifun.URLimg+insturl" mode="aspectFill"></image>
			<!-- <view class="instmain">
				<view class="insttop">
					<image class="insttop" :src="apifun.serveimg+'instructionst.png'" mode=""></image>
				</view>
				<view class="instc">
					<view class="instccar marginAuto">
						<image class="instcbg" :src="apifun.serveimg+'instmainbg.png'"></image>
						<view class="instctitle marginAuto">什么是验车？</view>
						<view class="instctxt marginAuto">{{ insttxt }}</view>
					</view>
					<view class="instnone marginAuto">距离验车时间24小时内不可取消</view>
				</view>
				<view class="instpopbtn mainBg baiColor" @click="$refs.inst.close()">关闭</view>
			</view> -->
		</uv-popup>
		<!--  选择车型 -->
		<view class="bottompopup">
			<view class="zg" v-if="iscartype" @click="iscartype = false"></view>
			<view class="pup" :class="iscartype ? 'showtop':''" style="width:100%;">
				<view class="pupclose" @click="iscartype = false">
					<uv-icon name="close" size="22" color="#222222"></uv-icon>
				</view>
				<view class="puphead">选择车型</view>
				<view class="cartype marginAuto flex">
					<view class="cartypeeach"
					:class="item.ac ? 'activeeach' :''"
					@click="cartypefun(item,index)"
					v-for="(item,index) in shapedata" :key="index">{{ item.title }}</view>
				</view>
				<view class="marginAuto" style="width:600rpx;margin-bottom:60rpx;">
					<uv-button text="提交" @click="enteriscartype()" :customStyle="{
						'background':'#1686F8',
						'color':'#ffffff',
						'font-size':'30rpx',
						'width':'600rpx',
						'height':'100rpx',
						'border-radius':'100rpx'
					}"></uv-button>
				</view>
			</view>
		</view>
		<uv-datetime-picker ref="cartime" v-model="timeval" mode="datetime" :minDate="minDate" @confirm="cartimefun">
		</uv-datetime-picker>
		<!-- 提交 -->
		<view class="bottompopup">
			<view class="zg" v-if="iscarpay" @click="iscarpay = false"></view>
			<view class="pup" :class="iscarpay ? 'showtop':''" style="width:100%;">
				<view class="pupclose" @click="iscarpay = false">
					<uv-icon name="close" size="22" color="#222222"></uv-icon>
				</view>
				<view class="paypup">
					<view class="money"><text style="font-size: 20rpx;">￥</text>{{ acpckage.price }}</view>
					<view class="paytype">
						<view class="paytypetitle marginAuto">支付方式</view>
						<view class="paytypemain marginAuto">
							<view class="paytypeeach marginAuto flex" @click="paytype = 1">
								<view class="paytypeetitle">微信支付</view>
								<view class="paytypeer">
									<uv-icon name="checkmark-circle-fill" size="22" :color="paytype == 1 ? '#1686F8':'#E5E5E5'"></uv-icon>
								</view>
							</view>
							<!-- <view class="paytypeeach marginAuto flex" @click="paytype = 2">
								<view class="paytypeetitle">先验后付<text style="color: #9E9E9E;margin-left:16rpx;">0元下单，验车完成之后支付</text></view>
								<view class="paytypeer">
									<uv-icon name="checkmark-circle-fill" size="22" :color="paytype == 2 ? '#1686F8':'#E5E5E5'"></uv-icon>
								</view>
							</view> -->
							<view class="paytypeeach marginAuto flex" @click="apifun.navigate('/pages/home/discount','ordersn='+ordersn+'&apisite=/api/verifyCart/getVerifyCartOrderCouponList')">
								<view class="paytypeetitle">优惠券</view>
								<view class="paytypeer flex">
									<view class="rtxt" style="color:#999999;" v-if="!disitem.id">请选择</view>
									<view class="rtxt" style="color:#333;" v-if="disitem.id">￥{{ disitem.amount }}</view>
									<uv-icon name="arrow-right" size="16" color="#999999"></uv-icon>
								</view> 
							</view>
						</view>
					</view>
				</view>
				<view class="marginAuto" style="width:600rpx;margin:60rpx auto;">
					<uv-button text="立即支付" @click="enterpay()" :customStyle="{
						'background':'#1686F8',
						'color':'#ffffff',
						'font-size':'30rpx',
						'width':'600rpx',
						'height':'100rpx',
						'border-radius':'100rpx'
					}"></uv-button>
				</view>
			</view>
		</view>
		<uv-popup ref="ispckage" mode="bottom" bgColor="none">
			<view class="pckage">
				<view class="pckagetitle">选择套餐</view>
				<view class="pckagemain">
					<view class="pckageeach marginAuto flex" @click="sepckage(item,index)" v-for="(item,index) in pckagedata" :key="index">
						<view class="pckagese" :class="acpckage.id == item.id ? 'mainBg':''"></view>
						<view class="pckagename">{{ item.name }}</view>
						<view class="pckageamount mainColor">￥{{ item.price }}元</view>
					</view>
				</view>
			</view>
		</uv-popup>
		<uv-popup ref="yytime" mode="bottom" bgColor="none">
			<view class="yytimec">
				<!-- <view class="yytimectitle flex marginAuto">
					<view class="yytimecicon" style="margin-top:3rpx;" @click="jianmonthfun">
						<uv-icon name="arrow-left" color="#333333" size="28"></uv-icon>
					</view>
					<view class="yytimectxt">{{ timevalac }}</view>
					<view class="yytimecicon" style="margin-top:3rpx;" @click="jiamonthfun">
						<uv-icon name="arrow-right" color="#333333" size="28"></uv-icon>
					</view>
				</view> -->
				<!--  -->
				<view class="scrolllist marginAuto">
					<scroll-view class="scrollmain" scroll-x="true" scroll-left="0">
						<view class="scrollmaineach" 
						:class="timevalac == item.date ? 'aceach':''" 
						v-for="(item,index) in datetime" :key="index"
						@click="datetimefun(item,index)">
							<view>{{ item.date.substr(5) }}</view>
							<view class="week" v-if="item.week == 0">周日</view>
							<view class="week" v-if="item.week == 1">周一</view>
							<view class="week" v-if="item.week == 2">周二</view>
							<view class="week" v-if="item.week == 3">周三</view>
							<view class="week" v-if="item.week == 4">周四</view>
							<view class="week" v-if="item.week == 5">周五</view>
							<view class="week" v-if="item.week == 6">周六</view>
						</view>
					</scroll-view>
				</view>
				
				<view class="yytimecmain marginAuto flex" v-if="jlid != ''">
					<view class="yytimeceach" 
					:class="item.type == 0 ? 'mainBg baiColor':''" 
					v-for="(item,index) in timedata" :key="index"
					@click="setime(item)"
					>
						<view>{{ item.time+':00' }}-{{ item.time+1+':00' }}</view>
						<view style="font-size:24rpx;">{{ item.type == 0 ? '空闲':'不可约' }}</view>
					</view>
				</view>
				
				<view class="yytimecmain marginAuto flex" v-if="jlid == ''">
					<view class="yytimeceach" style="background: #fff;"
					v-for="(item,index) in timedata" :key="index"
					@click="setime(item)"
					>
						<view>{{ item.time+':00' }}-{{ item.time+1+':00' }}</view>
					</view>
				</view>
			</view>
		</uv-popup>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				apifun:this.apifun,
				brand:'',
				iscartype:false,
				shapedata:[],
				acshapedata:[],
				condition:1,
				type:1,
				price:'',
				name:'',
				mobile:'',
				// lng: '113.72443142361111',
				// lat: '34.69050835503472',
				lng:'',
				lat:'',
				city:'',
				address:'',
				// alert
				insttxt:"有的客户买了新车或者二手车后怀疑车在运输中有瑕疵，比如补过漆，有磨损，水泡车，公里数更改过。专业的验车师傅到4S店或交付中心，参考验车攻略和验车经验对车辆进行逐一细致的验车服务。",
				timeval:'',
				timevalac:'',
				minDate:new Date().getTime(),
				iscarpay:false,
				paytype:1,
				ordersn:'',
				disitem:{},
				pckagedata:[],
				acpckage:{}, //  选择的套餐
				// --选择时间
				datetime:[],  // 日期
				timedata:[],
				jlid:'',
				timevaltimeac:'',
				insturl:''
			};
		},
		onLoad() {
			this.catshapefun();
			this.lng = uni.getStorageSync('lng') || this.apifun.lng;
			this.lat = uni.getStorageSync('lat') || this.apifun.lat;
			uni.$on('emitdiscount',(data)=>{  // 优惠券
				this.disitem = data.disitem;
			});
			this.mobile = uni.getStorageSync('usermsg').mobile;
		},
		methods: {
			enterorderfun(){
				if(!this.acpckage.amount){
					this.apifun.toast('请选择套餐')
					return false;
				};
				let sendData = {
					brand:this.brand,
					// shape_id:this.acshapedata.toString(),
					condition : this.condition,
					cart_type : this.type,
					// price:this.price,
					menu_id:this.acpckage.id,
					price:this.acpckage.amount,
					name:this.name,
					mobile:this.mobile,
					// time:this.$uv.timeFormat(this.timevalac,'yyyy-mm-dd hh:MM'),
					time:this.timevaltimeac,
					lng:this.lng,
					lat:this.lat,
					address:this.address
				}
				if(this.brand==''){
					this.apifun.toast('请选择车辆品牌信息');
					return false
				};
				if(this.name==''){
					this.apifun.toast('请输入姓名');
					return false
				};
				if(this.mobile==''){
					this.apifun.toast('请输入手机号');
					return false
				};
				if(this.lng==''){
					this.apifun.toast('请选择验车位置');
					return false
				};
				if(this.timevalac==''){
					this.apifun.toast('请选择验验车时间');
					return false
				};
				this.apifun.unirequest('/api/verifyCart/submitCart','post',sendData,(res)=>{
					if(res.code === 200){
						let datas = res.data;
						this.ordersn = datas;
						this.iscarpay=true
					}else{
						this.apifun.toast(res.msg)
					}
				})
			},
			sepckage(item,index){
				this.acpckage = item;
				this.$refs.ispckage.close()
			},
			conditionfun(type){
				let sendData = {
					type:this.condition
				}
				this.apifun.unirequest('/api/verifyCart/getMenuList','post',sendData,(res)=>{
					if(res.code == 200){
						if(res.data.length <= 0){
							this.apifun.toast('暂无套餐')
						}else{
							this.$refs.ispckage.open();
							this.pckagedata = res.data;
						}
					}
				})
			},
			enterpay(){
				let sendData = {
					order_sn:this.ordersn,
					user_coupon_id:this.disitem.id || '',
					pay_type:this.paytype
				};
				this.apifun.unirequest('/api/verifyCart/payVerifyCartOrder','post',sendData,(res)=>{
					if(res.code === 200){
						let datas = res.data;
						this.apifun.wxpaymini(datas,()=>{
							this.apifun.navigate('/pages/home/paysuccess')
						})
					}else{
						this.apifun.toast(res.msg)
					}
				})
			},
			instopenfun(){  // 打开说明
				this.apifun.unirequest('/api/index/getVerifyCarIntroImg','post',{},(res)=>{
					if(res.code === 200){
						this.$refs.inst.open()
						let datas = res.data;
						this.insturl = datas;
					}else{
						this.apifun.toast(res.msg)
					}
				})
			},
			cartypefun(item,index){  // 选择车类型
				if(item.ac){
					this.$set(item,'ac',false)
				}else {
					this.$set(item,'ac',true)
				}
			},
			enteriscartype(){  // 确认选择的车型
				let acshapedata = [];
				this.shapedata.forEach((item,index)=>{
					if(item.ac){
						this.acshapedata.push(item.id)
					}
				});
				this.iscartype = false
			},
			cartimefun(e){
				this.timevalac = e.value;
			},
			openlocation(){  // 选择位置
				uni.chooseLocation({
					success: (res) => {
						this.city = res.name;
						this.address = res.address;
						this.lng = res.longitude;
						this.lat = res.latitude;
					}
				});
			},
			catshapefun(){  // 获取车类型
				this.apifun.unirequest('/api/verifyCart/getCatShapeList','post',{},(res)=>{
					if(res.code === 200){
						let datas = res.data;
						this.shapedata = datas
					}else{
						this.apifun.toast(res.msg)
					}
				})
			},
			// --选择预约时间
			opensetime(){
				this.$refs.yytime.open();
				let datetime = parseInt(new Date().getTime()/1000);
				this.timevalac = uni.$uv.date(datetime,'yyyy-mm-dd');
				this.getdutylist(this.timevalac);
				this.datetime=[];
				for(var i=0; i< 7; i++){
					let timeitem = datetime+(i*24*60*60);
					this.datetime.push({
						date:uni.$uv.date(timeitem,'yyyy-mm-dd'),
						week:new Date(timeitem*1000).getDay()
					})
				}
			},
			datetimefun(item,index){
				this.timevalac =item.date;
				this.getdutylist(this.timevalac);
			},
			getdutylist(){
				let sendData = {
					partner_id:this.jlid || '',
					day:this.timevalac,  // 2028-04-25
				};
				this.apifun.unirequest('/api/partnerDrive/getDutyList','post',sendData,(res)=>{
					if(res.code == 200){
						this.timedata = res.data;
					}else{
						this.apifun.toast(res.msg)
					}
				})
			},
			setime(item){
				if(item.type == 0){
					this.timevaltimeac = this.timevalac+' '+item.time+':00';
					this.$refs.yytime.close();
				}else{
					this.apifun.toast('教练该时间段为忙碌,不可预约')
				}
			},
			// END
			
		},
	};
</script>

<style scoped lang="scss">
	@import '../../public/popupb.scss';
	page{
		background: #F7F7F7;
	}
	// 车辆信息
	.cart{
		width: 690rpx;
		line-height: 50rpx;
		padding: 20rpx 0;
		justify-content: space-between;
		.carname{
			font-size: 34rpx;
			color: #222222;
			font-weight: 600;
		}
		.carInstructions{
			color:#1686F8;
			font-size:28rpx;
		}
	}
	.carmsg{
		width: 650rpx;
		padding:0 20rpx;
		background: #fff;
		border-radius: 10rpx;
		.careach{
			justify-content: space-between;
			padding: 20rpx 0;
			border-bottom: 1px solid #F9F9F9;
			.careach-title{
				font-size: 30rpx;
				color: #222222;
				line-height: 60rpx;
			} 
			.careach-r{
				width: 50%;
				line-height: 60rpx;
				.rinput{
					width:100%;
					text-align: right;
					font-size:30rpx;
					color:#333;
					line-height: 60rpx;
				}
				.carstatus{
					color: #333333;
					font-size: 30rpx;
					.carstatustxt{
						margin-left: 20rpx;
					}
				}
			}
			.raddress{
				width:92%;
				padding: 20rpx 4%;
				height: 100rpx;
				background: #F6F6F6;
				border-radius: 20rpx;
				.raddresstext{ 
					width: 100%;
					height: 100rpx;
					line-height:40rpx;
					color: #333;
					font-size: 24rpx;
				}
			}
		}
	}
	// 弹窗
	// --说明
	.instmain{
		position: relative;
		width:630rpx;
		.insttop{
			width: 630rpx;
			height: 150rpx;
		}
		.instc{
			position: relative;
			width:100%;
			padding: 20rpx 0;
			background: linear-gradient(to bottom,#8BD5FD,#fff);
			.instccar{
				width:98%;
				padding-bottom:10rpx;
				position: relative;
				.instcbg{
					position: absolute;
					top: 0;
					left:50%;
					z-index: 0;
					width: 96%;
					height: 100%;
					margin-left: -48%;
				}
				.instctitle{
					position: relative;
					width:85%;
					z-index: 10;
					font-size: 34rpx;
					color: #FFFFFF;
					line-height:50rpx;
					padding: 10rpx 0;
				}
				.instctxt{
					position: relative;
					z-index: 10;
					width: 90%;
					padding:20rpx 10rpx;
					background: #fff;
					border-radius:30rpx;
					line-height:50rpx;
					color:#333333;
					font-size: 30rpx;
				}
			}
		}
		.instnone{
			position: relative;
			z-index: 10;
			width: 90%;
			line-height: 50rpx;
			color:#FF6A0E;
			font-size: 30rpx;
			padding: 20rpx 0;
		}
		.instpopbtn{
			width: 100%;
			line-height:100rpx;
			text-align: center;
		}
	}
	// --车类型
	.cartype{
		width: 90%;
		min-height:300rpx;
		padding: 30rpx 0;
		justify-content: space-between;
		flex-wrap: wrap;
		.cartypeeach{
			width: 216rpx;
			height: 100rpx;
			line-height: 100rpx;
			text-align: center;
			background:#F4F4F4;
			color:#222222;
			font-size: 30rpx;
			border-radius:10rpx;
			margin-bottom: 20rpx;
		}
		.activeeach{
			background:#0089FB;
			color: #fff;
		}
	}
	// --支付方式
	.paypup{
		.money{
			padding: 80rpx 0 40rpx;
			color: #222222;
			font-size: 60rpx;
			text-align: center;
		}
		.paytype{
			.paytypetitle{
				width: 690rpx;
				font-size: 28rpx;
				color: #222222;
			}
			.paytypemain{
				.paytypeeach{
					width: 630rpx;
					margin-top: 20rpx;
					padding: 20rpx 30rpx;
					background:#F6F6F6;
					border-radius: 20rpx;
					justify-content: space-between;
					.paytypeetitle{
						color: #222222;
						font-size: 30rpx;
						line-height: 50rpx;
					}
					.paytypeer{
						.rtxt{
							font-size:30rpx;
						}
					}
				}
			}
		}
	}
	/* 套餐 */ 
	.pckage{
		width: 100%;
		padding: 20rpx 0;
		background: #fff;
		border-top-left-radius:20rpx;
		border-top-right-radius:20rpx;
		.pckagetitle{
			line-height: 80rpx;
			text-align: center;
			font-size:36rpx;
			font-weight: 600;
		}
		.pckagemain{
			width: 100%;
			height: 300rpx;
			overflow-y: scroll;
			.pckageeach{
				width: 690rpx;
				padding:20rpx 0;
				position: relative;
				justify-content: space-between;
				.pckagese{
					position: absolute;
					left:0;
					top: 32rpx;
					width: 28rpx;
					height:28rpx;
					border: 2px solid #ccc;
					border-radius: 50%;
				}
				.pckagename{
					margin-left:50rpx;
					line-height: 60rpx;
					color: #333;
					font-size: 28rpx;
				}
				.pckageamount{
					line-height: 60rpx;
					font-size: 28rpx;
				}
			}
		}
	}
	// 时间
	.yytimec{
		width: 100%;
		background: #fff;
		border-top-right-radius: 20rpx;
		border-top-left-radius: 20rpx;
		padding: 40rpx 0 20rpx;
		.yytimectitle{
			width: 350rpx;
			height: 60rpx;
			line-height:60rpx;
			color: #333;
			font-size:36rpx;
			justify-content: space-between;
		}
		.yytimecmain{
			width: 690rpx;
			flex-wrap: wrap;
			margin-top:20rpx;
			.yytimeceach{
				width:200rpx;
				padding:10rpx 0rpx;
				border: 1px solid #ccc;
				text-align: center;
				border-radius: 10rpx;
				margin:5rpx 10rpx;
				font-size: 28rpx;
				color: #333333;
				background:#ccc;
			}
			.acbusy{
				color: #fff;
				background:#E43F31;
			}
		}
	}
	// 时间
	.scrolllist{
		width: 690rpx;
		.scrollmain {
			white-space: nowrap;
			width: 100%;
			.scrollmaineach {
				display: inline-block;
				margin: 0 20rpx;
				height:90rpx;
				line-height:40rpx;
				color: #666666;
				font-size:28rpx;
				text-align: center;
				.week{
					font-size: 24rpx;
				}
			}
			.aceach{
				color: #FF5014;
				border-bottom: 2px solid #FF5014;
			}
		}
	}
</style>